<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表标记 - 导航栏</title>

    <style>
        .a{
            display: inline-table;
        }
    
    
    </style>
</head>
<body>
    <!-- 无序列表 -->
    <ul type="square">学校课程
        <li>Java</li>
        <li>Python</li>
        <li>C</li>
    </ul>

    <ol type="A">学校课程
        <li>Java</li>
        <li>Python</li>
        <li>C</li>
    </ol>
    
    <hr>

    <!-- 列表标记是可以嵌套使用 -->
    
    <ul >
        <li class="a">第一阶段
            <ul class="dropdown-menu">
                <li>Java基础</li>
                <li>OOP</li>
                <li>高级特性</li>
            </ul>
        </li>
        <li class="a">第二阶段
            <ul>
                <li>mysql</li>
                <li>jdbc</li>
                <li>mybatis</li>
            </ul>
        </li>
        <li class="a">第三阶段
            <ul>
                <li>spring</li>
                <li>springboot</li>
                <li>dubbox</li>
            </ul>
        </li>
    </ul>
    

    
</body>
</html>